特定の外部project linkのproject nameを削るUserCSS
[/project/title]みたいな外部Project Linkの/project/を削るUserCSS
project nameが長ったらしくてうざいときに使うtakker.icon
注：事前に決めたprojectしか消せない
例：/takker/特定の外部project linkのproject nameを削るUserCSSの/takker/を消す
code:takker.css
.line:not(.cursor-line) a.page-linkhref^="/takker/":not(href="/takker/"):not(rel="route") {
.char-index {
display: none;
}
.char-index:nth-child(8) ~ .char-index {
display: inherit;
}
}
他のprojectで使いたい場合は、takkerを消したいproject nameに、8をproject nameの文字数+2に変える
作成動機
/takker/2024-03-05 振り返りのこの辺をご覧くださいtakker.icon
https://gyazo.com/571dae9dc2fd3b6f84a7b3c9e6442ce8
2 hop linkを無効にするために外部Project Linkを使っている
テンプレート中に入れてあるリンク
これらを普通のリンクにすると、すべての振り返りページがつながってしまい、使い勝手がよろしくなくなる
代償として/takker/が毎回ついてやや長い
自分のプロジェクトだったら朝に見るページに横長のアイコン画像を入れることでも対応可能かもしれないcFQ2f7LRuLYP.icon
アイコン記法を片方向リンクとして使うデメリットがあんまり好きじゃない(ページ先cons参照)takker.icon
把握cFQ2f7LRuLYP.icon
/takker/程度であればまだいいが、/secret-villagepump/なんてprojectになると長ったらしくてしょうがない
具体的な事例を挙げると、/tus-alpine-privateでコピペ用山行チェックリストを作ろうと思ったtakker.icon
チェック項目の説明をリンク先に逃がしたいが、普通にリンクするとつながってしまう
一方で外部project linkにすると、/tus-alpine-private/という情報量のない文字列が大量に並んで使いづらくなってしまう
ということで、見た目をスッキリさせた
拡張してみよう！(読者の課題)
例：下線を入れて、外部project linkだとわかるようにする